<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<style type="text/css">
th{background-color: #3DB7CC;}
input:HOVER{background-color: #FFCC97;}
</style>
<script type="text/javascript">
	function deleteMsg(no){
		if(confirm("해당 Pick 메시지를 삭제하시겠습니까?")){
			location.href="auth_deleteMsg.do?no="+no;
		}
	}
	function deleteAllMsg(){
		if(confirm("전체 Pick 메시지를 삭제하시겠습니까?")){
			location.href="auth_deleteAllPickMsg.do";
		}
	}
</script>

<form>
<fieldset>
<legend><h2>Pick 메시지</h2></legend><br>
<c:choose>
	<c:when test="${requestScope.noData == false}">
		<center><b>메시지함이 비어있습니다.</b><br><br></center>
	</c:when>
	<c:otherwise>
<table cellpadding="5">
	<thead>
		<tr>
			<th>도서 종류</th>
			<th>보낸 사람</th>
			<th>휴대폰 번호</th>
			<th>날짜</th>
			<th>Pick 상품내용</th>
			<th>삭제</th>
		</tr>
	</thead>
	<tbody>
	<c:forEach var="msgvo" items="${requestScope.pickMsgList.list}" begin="0" end="4">
		<tr>
			<td align="center" width="40">${msgvo.bookType }</td>
			<td align="center" width="150">${msgvo.sendId }</td>
			<td align="center" width="150">${msgvo.sendPhone }</td>
			<td align="center" width="190">${msgvo.date }</td>
			<td align="center" width="400">${msgvo.bookInfo }</td>
			<td align="center" width="70">
				<input type="button" value="삭제" onclick="deleteMsg('${msgvo.no}')">
			</td>
		</tr>
		<tr><td colspan="6"><hr></td></tr>
	</c:forEach>
	<tr>
		<td colspan='5'></td>
		<td align="center" ><input type="button" value="전체 삭제" onclick="deleteAllMsg()"></td>
	</tr>
	</tbody>
</table>

<center>
<br>
<table>
	<tr>
		<td>
		<!-- 페이징 처리 -->
<%-- 이전 페이지 그룹이 있으면 이미지 보여준다.
	   이미지 링크는 현 페이지 그룹 시작페이지 번호 -1 =>
	   이전 페이지 그룹의 마지막 페이지 번호로 한다. 
 --%>
<c:if test="${requestScope.pickMsgList.pagingBean.previousPageGroup}">
	<a href="auth_pickmsgList.do?pageNo=${requestScope.pickMsgList.pagingBean.startPageOfPageGroup-1}&id=${sessionScope.mvo.id}">
	<img src="${initParam.root }/img/left_arrow_btn.gif"></a>
</c:if>
		</td>
		<td style="padding-bottom: 3px;">
		<%-- PagingBean 을 이용해서 현재 페이지에 해당되는 페이지그룹의
	   시작페이지~~마지막페이지까지 화면에 보여준다. 
	   이 때 현재 페이지를 제외한 나머지 페이지는 링크를 걸어
	   해당 페이지에 대한 게시물 리스트 조회가 가능하도록 한다. 
 --%>
<c:forEach var="i"
	begin="${requestScope.pickMsgList.pagingBean.startPageOfPageGroup}"
	end="${requestScope.pickMsgList.pagingBean.endPageOfPageGroup}">
	<c:choose>
		<c:when test="${requestScope.pickMsgList.pagingBean.nowPage!=i}">
			<a href="auth_pickmsgList.do?pageNo=${i}&id=${sessionScope.mvo.id}">&nbsp;&nbsp;${i}&nbsp;&nbsp;</a>
		</c:when>
		<c:otherwise>&nbsp;&nbsp;${i}&nbsp;&nbsp;</c:otherwise>
	</c:choose>
</c:forEach>
		</td>
		<td>
		<%-- 다음 페이지 그룹이 있으면 화살표 이미지를 보여준다.
		이미지 링크는 현재 페이지 그룹의 마지막 번호 + 1 => 
		다음 그룹의 시작 페이지로 링크한다. 
		right_arrow_btn.gif
 --%>
<c:if test="${requestScope.pickMsgList.pagingBean.nextPageGroup}">
	<a href="auth_pickmsgList.do?pageNo=${requestScope.pickMsgList.pagingBean.endPageOfPageGroup+1}&id=${sessionScope.mvo.id}">
		<img src="${initParam.root }/img/right_arrow_btn.gif">
	</a>
</c:if>
		</td>
	</tr>
</table>
<br><br>
	</c:otherwise>
</c:choose>
</fieldset>
</form>
</center>
    